﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript" src="../../Scripts/3dParty/jsTree/_lib/jquery.js"> </script>
        <script type="text/javascript" src="../../Scripts/3dParty/jsTree/jquery.jstree.js"> </script>
        <script type="text/javascript" src="../../Scripts/WebForm1/WebForm1TreeLayout.js"> </script>
        <script type="text/javascript" src="../../Scripts/DragDrop/dragDrop.js"> </script>
        <script type="text/javascript" src="../../Scripts/DragDrop/mouse.js"> </script>
        <script type="text/javascript" src="../../Scripts/DragDrop/Container.js"> </script>
        <link type="text/css" rel="stylesheet" charset="UTF-8" href="../../Styles/DragDrop.css">
        <style type="text/css">
            .jstree-clicked { font-weight: bold; }
        </style>

        <script type="text/javascript" language="javascript">
        var isMouseDown = false;


        function mouseMove(event){
            var target   = event.target || event.srcElement;
            var dragObj = target.getAttribute('DragObj');


            var mousePos = mouseCoords(event);
            document.title = "x:"+mousePos.x+";y:"+mousePos.y;
            if (!isMouseDown) return;

            //code here

        }

        function mouseDown(){
            isMouseDown = true;

        }

        function mouseUp(event){
            isMouseDown = false;
        }


        function documentOnLoad(){
        }

        document.onmousemove = mouseMove; 
        document.onmousedown = mouseDown; 
        document.onmouseup = mouseUp; 
        window.onload = function(){
            createContainer();
        };
        </script>

    </head>
    <body>
        <table><tr><td>
                       <div id="WebForm1Tree" style="max-width: 100px; float:left;"/>
                   </td><td>
                            <div class="DragContainer" id="DragContainer1"> 
                                <div class="DragBox" id="Item1"  overClass="OverDragBox" dragClass="DragDragBox">Item #1
                                
                                <div class="DragContainer"></div>
                                </div> 
                                <div class="DragBox" id="Item2"  overClass="OverDragBox" dragClass="DragDragBox">Item #2</div> 
                                <div class="DragBox" id="Item3"  overClass="OverDragBox" dragClass="DragDragBox">Item #3</div> 
                                <div class="DragBox" id="Item4"  overClass="OverDragBox" dragClass="DragDragBox">Item #4</div> 
                            </div> 
                            <div class="DragContainer" id="DragContainer2"> 
                                <div class="DragBox" id="Item5"  overClass="OverDragBox" dragClass="DragDragBox">Item #5</div> 
                                <div class="DragBox" id="Item6"  overClass="OverDragBox" dragClass="DragDragBox">Item #6</div> 
                                <div class="DragBox" id="Item7"  overClass="OverDragBox" dragClass="DragDragBox">Item #7</div> 
                                <div class="DragBox" id="Item8"  overClass="OverDragBox" dragClass="DragDragBox">Item #8</div> 
                            </div> 
                            <div class="DragContainer" id="DragContainer3"> 
                                <div class="DragBox" id="Item9"  overClass="OverDragBox" dragClass="DragDragBox">Item #9</div> 
                                <div class="DragBox" id="Item10" overClass="OverDragBox" dragClass="DragDragBox">Item #10</div> 
                                <div class="DragBox" id="Item11" overClass="OverDragBox" dragClass="DragDragBox">Item #11</div> 
                                <div class="DragBox" id="Item12" overClass="OverDragBox" dragClass="DragDragBox">Item #12</div> 
                            </div>                        
                        </td></tr></table>
    </body>
</html>